<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>火车购票</title>
    <link href="../../../public/static/commen/css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/commen/css/base.css" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/carTicket/common.css" />
    <link rel="stylesheet" type="text/css" href="../../../public/static/v1/css/carTicket/write_passenger.css" />
</head>

<body>
    <section class="page  mui-content">
        <header class="header mui-row">
            <a class="back " href="javascript:history.go(-1)">
                <span class="mui-icon mui-icon-arrowleft"></span>返回
            </a>
            <h3 class="title">添加/编辑乘客</h3>
        </header>
        <section>
            <form class="register-body" action="js/test.json" method="post" id="jsForm">
                <div class="register_one1">
                    <div class="mui-input-row">
                    <label>乘客信息：</label>
                    <input type="text" value="" name="1" class="fn-tinput mui-input-clear" placeholder="请填写姓名" required data-rule-chinese="true"
                        data-msg-required="请输入正确格式" data-msg-mobile="请输入正确格式" />
                </div>
                <div class="mui-input-row passenger-id">
                    <label>证件类型：</label>
                    <a href="#chose-id"><span class="identify">身份证</span>
                        <span class="mui-icon mui-icon-arrowright chose-id"></span>
                    </a>
                </div>
                <div class="mui-input-row">
                    <label>证件号码：</label>
                    <input type="text" value="" name="2" class="fn-tinput mui-input-clear" placeholder="有效证件且与乘客证件号一致" required data-rule-idCard="true"
                        data-msg-required="证件号有误" data-msg-mobile="请输入正确格式" />
                </div>
                <div class="mui-input-row">
                    <label>手机号码：</label>
                    <input type="text" value="" name="3" class="fn-tinput mui-input-clear" placeholder="接收确认信息" required data-rule-mobile="true"
                        data-msg-required="请输入手机号" data-msg-mobile="请输入正确格式" />
                </div>
                </div>
                
                <div class="mui-button-row register-anniu">
                    <button class="mui-btn mui-btn-danger next_register3 next-save  fn-btn btn-primary btn-submit submitBtn btn-submit submitBtn"
                        type="submit">保存</button>
                </div>
            </form>
        </section>
        <!--点击证件类型底部滑出弹窗-->
        <div id="chose-id" class="box mui-popover mui-popover-action mui-popover-bottom">
            <div class="mui-row chose">
                <div class="mui-col-xs-10 chose-name">
                    身份证
                </div>
                <div class="mui-col-xs-2">
                    <span class="mui-icon mui-icon-checkmarkempty"></span>
                </div>
            </div>
            <div class="mui-row chose">
                <div class="mui-col-xs-10 chose-name">
                    护照
                </div>
                <div class="mui-col-xs-2">
                    <span class="mui-icon"></span>
                </div>
            </div>
            <div class="mui-row chose">
                <div class="mui-col-xs-10 chose-name">
                    港澳通行证
                </div>
                <div class="mui-col-xs-2">
                    <span class="mui-icon"></span>
                </div>
            </div>
            <div class="mui-row chose">
                <div class="mui-col-xs-10 chose-name">
                    台湾通行证
                </div>
                <div class="mui-col-xs-2">
                    <span class="mui-icon"></span>
                </div>
            </div>
        </div>
    </section>
</body>

</html>
<script src="../../../public/static/commen/js/vue.min.js"></script>
<script src="../../../public/static/commen/js/mui.min.js"></script>
<script src="../../../public/static/commen/js/jquery.min.js"></script>
<script src="../../../public/static/commen/js/plugin/jquery.validate.js"></script>
<script src="../../../public/static/v1/js/carTicket/write_passenger.js"></script>